<template>
  <div class="container">
    <div class="record">
      <div class="record_header">
        <span class="shu"></span>门店基础数据
      </div>
      <ul class="record_ul">
        <li class="flex">
          <span class="flex-item words">注册会员：795位</span>
        </li>
        <li class="flex">
          <span class="flex-item words">有效会员：795位</span>
        </li>
        <li class="flex">
          <span class="flex-item words">门店状况：面积平方米，床位个，员工个。</span>
        </li>
        <li class="flex">
          <span class="flex-item words">门店地址：</span>
        </li>
        <li class="flex">
          <span class="flex-item words">周边：3公里内个小区，约万住户，共家竞争户。</span>
        </li>
      </ul>
    </div>

    <div class="record">
      <div class="record_header">
        <span class="shu"></span>员工数据
      </div>
      <ul class="record_ul">
        <li class="flex">
          <span class="flex-item words">本年度现金业绩：</span>
        </li>
        <li class="flex">
          <span class="flex-item words">本年度卡耗业绩:</span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import api from '@/utils/api'
export default {
  data () {
    return {
      windowHeight: 0,
      shopid: 0
    }
  },
  onLoad (option) {
    if (option) {
      this.shopid = option.shopid
    }
    this.get_info()
    this.getGuestCashConsumeList()
  },
  computed: {
  },
  methods: {
    async get_info () {
      // let shopid = wx.getStorageSync('userInfo').shopid
      let year = new Date().getFullYear();
      const res = await api.getshopniandu({ shopid: this.shopid, year: year });
      console.log(res)
    },
    async getGuestCashConsumeList () {
      // let shopid = wx.getStorageSync('userInfo').shopid
      const res = await api.getGuestCashConsumeList({ shopid: 10022, beginTime: '', endTime: '' });
      console.log(res)
    }
  }
}
</script>

<style scoped>
.record {
  width: 100%;
  background: #fff;
  margin-bottom: 23rpx;
}
.record .record_header {
  width: 100%;
  padding-top: 38rpx;
  padding-left: 32rpx;
  font-size: 32rpx;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  margin-bottom: 22rpx;
}
.record .record_header .shu {
  display: inline-block;
  width: 4rpx;
  height: 20rpx;
  background: RGBA(255, 68, 68, 1);
  margin-right: 12rpx;
}
.record_ul {
  width: 100%;
  padding-left: 48rpx;
}
.record_ul li {
  padding-bottom: 20rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  padding-right: 46rpx;
  position: relative;
  padding-top: 18rpx;
}
.record_ul li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rpx;
  background: rgba(153, 153, 153, 0.1);
}
.record_ul li .grey_arrow {
  display: inline-block;
  width: 12rpx;
  height: 28rpx;
  background: url(http://mytimg.178mr.com/grey_arrow.png) no-repeat;
  background-size: 100%;
}
</style>
